.ui-state-default .icon-agenda{	
	 background-size: 18px 18px;
}
#wrapper {
    width: 0 auto;
    margin: 0 auto;
    background-image: url("http://localhost:8090/odontologia/resources/images/fondo1.jpg");"
}
	/* Celular de 480x320*/
@media only screen and (min-width: 320px) and (orientation : landscape){

	.ui-btnPanelGrid {
		margin-left: 130px;
	}
	.ui-imagen {
		width: 80%;
		max-width: 350px;
		margin-left: 140px;
		margin-top: 80px
	}
	.ui-field-contain>label  ~ [class*='ui-'] {
		width: 95%;
		margin-left: 15px;
	}
	.ui-field-contain>label {
		margin-left: 15px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 480px){

	.ui-btnPanelGrid{
		margin-left: 50px;
		margin-top: 20px;
	}
	.ui-imagen {
		width: 80%;
		max-width: 350px;
		margin-left: 40px;
		margin-top: 50px
	}

	
}
  /* ipad de 1024x768*/
@media only screen and (min-width: 768px) and (orientation : landscape){
	
	.ui-btnPanelGrid{
		margin-left: 390px;
		margin-top: 40px;
	}
	.ui-imagen {
		width: 35%;
		max-width: 380px;
		margin-left: 490px;
		margin-top: 80px
	}
	.ui-field-contain > label ~ [class*='ui-']{
		width: 96%;
		margin-left: 25px;
	}
	   .ui-field-contain > label{
		margin-left: 25px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
	
	.ui-btnPanelGrid{
		margin-left: 300px;
		margin-top: 40px;
	}
	.ui-imagen {
		width: 35%;
		max-width: 380px;
		margin-left: 350px;
		margin-top: 80px
	}
	.ui-field-contain > label ~ [class*='ui-']{
		width: 95%;
		margin-left: 25px;
	}
	   .ui-field-contain > label{
		margin-left: 25px;
	}
}

